<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /* 
            提问总结：
                DOM
                节点
                元素
                1. 创建元素
                    1.1 document.write()
                    1.2 innerHTML
                    1.3 createElement
                2. 追加节点
                    2.1 appendChild
                    2.2 insertBefore
                3. 删除节点  removeChild
                4. 修改
                    4.1 修改属性  src title href
                    4.2 修改内容  innerHTML  innerText
                    4.3 修改表单  value  
                    4.4 修改样式  style   className
                5. 查
                    getElementById()
                    getElementsByTagName()
                    querySelector()
                    querySelectorAll()
                6. 父子兄
                     parentNode    childNodes    children  
                     nextSibling   previousSibling
                7. 自定义属性
                     getAttribute()
                     setAttribute()
                     removeAttribute()
                     ele.dataset
                8. 事件
                    click focus blur mousemove mouseover mouseout 
                    mouveenter mouseleave mouseup mousedown  
                9. 事件的三要素 
                10. 函数
                11. 构造函数
                12. 对象
                13. 面向对象   
        */


    </script>
</body>
</html>